$(function () {
    $("#page").load("/page.html");
});

function findAll() {
//    要访问后台必须要用ajax
//   pageNo需要用正则表达式去判断，只能输入数字
    let pageNo = $("#pageNo").val();
    let pageSize = $("#pageSize").val();
    let data = {page: pageNo, limit: pageSize};
    $.ajax({
        url: '/back/user/findAll',//对于后台的注解
        type: 'get',
        data: data,//前后端传值一定是json对象
        dataType: 'json',
        success: function (res) {
            //应该传递过来的是一个数组，所以我们需要对数组进行遍历
            console.log(res);
            $("#total").html(res.count);
            setData(res.data);

        }
    })
}

function setData(data) {
    //因为data是一个数据，所以需要遍历
    let html = '';
    for (let i = 0; i < data.length; i++) {
        html += '<tr>\n' +
            '                                    <td>' + data[i].id + '</td>\n' +
            '                                    <td>' + data[i].username + '</td>\n' +
            '                                    <td>' + data[i].sex + '</td>\n' +
            '                                    <td>' + data[i].phone + '</td>\n' +
            '                                    <td>' + data[i].hobby + '</td>\n' +
            '                                    <td class="td-status">\n' +
            '                                      <span class="layui-btn layui-btn-normal layui-btn-mini ' + (data[i].enable == 1 ? '' : 'layui-btn-disabled') + '">' + (data[i].enable == 1 ? '已启用' : '已停用') + '</span></td>\n' +
            '                                    <td class="td-manage">\n' +
            '                                      <a onclick="member_stop(this,\'10001\')" href="javascript:;"  title="' + (data[i].enable == 1 ? '启用' : '停用') + '">\n' +
            '                                        <i class="layui-icon">' + (data[i].enable == 1 ? '&#xe601;' : '&#xe62f;') + '</i>\n' +
            '                                      </a>\n' +
            '                                      <a title="编辑"  onclick="xadmin.open(\'编辑\',\'member-edit.html\',600,400)" href="javascript:;">\n' +
            '                                        <i class="layui-icon" style="color: red">&#xe66d;</i>\n' +
            '                                      </a>\n' +
            '                                      <a onclick="xadmin.open(\'修改密码\',\'member-password.html\',600,400)" title="修改密码" href="javascript:;">\n' +
            '                                        <i class="iconfont">&#xe651;</i>\n' +
            '                                      </a>\n' +
            '                                      <a title="删除" onclick="member_del(this,' + data[i].id + ')" href="javascript:;">\n' +
            '                                        <i class="iconfont">&#xe600;</i>\n' +
            '                                      </a>\n' +
            '                                    </td>\n' +
            '                                  </tr>';
    }
    $("#tbody").html(html);
    //style="overflow-y: scroll;height: 100px"
    // $("#tbody").css({"overflow-y": "scroll", "height": "100px"});
    // $("#tbody").attr("src", "../img/a.jgp");

}

//-------------------------------
